<template>
  <div class="footer">
    <div class="content">
      <button>客户端</button>
      <i class="logo"></i>
      <button>返回顶部</button>
    </div>
    <div class="bottom">MissEvan弹幕音频网 京ICP备:14055174号-1</div>
  </div>
</template>

<script>
export default {
  
}
</script>

<style lang="scss">
.footer{
  align-items: center;
  position: relative;
  width:100%;
  height: 0.7rem;
  padding: 0.1rem 0.2rem;
  color: #9e9e9e;
  font-size: 0.14rem;
  display: flex;
  justify-content: space-around;
  width: 100%;
  flex-direction: column;
  .content{
    width:100%;
    height:0.17rem;
    display:flex;
    justify-content: space-around;
    width: 100%;
    color: #9e9e9e;
    font-size: 0.14rem;
    .logo{
      width:0.14rem;
      height:0.16rem;
      background-size: 2.62rem 2.34rem;
      background-position: -2.47rem -0.51rem;
      background-image: url("http://static.missevan.com/assets/m/images/build/sprite-icons@2x.1592535d.png");
    }
    button{
      width:0.6rem;
      height:0.17rem;
      background: transparent;
      color: #9e9e9e;
      border: none;
    }
  }
  .bottom{
    width:100%;
    height:0.16rem;
    text-align: center;
    font-size: 0.12rem;
  }
}
</style>